<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>

    <meta content="width=device-width, initial-scale=1" name="viewport"/>
    <meta charset="UTF-8">
    <meta name="description" content="Admin Dashboard Template" />
    <meta name="keywords" content="admin,dashboard" />
    <meta name="author" content="Steelcoders" />

    <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/line-icons/simple-line-icons.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/waves/waves.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/3d-bold-navigation/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/fontawesome/css/font-awesome.css" rel="stylesheet" type="text/css"/>

    <!-- Theme Styles -->
    <link href="../assets/css/modern.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/css/themes/green.css" class="theme-color" rel="stylesheet" type="text/css"/>
    <link href="../assets/css/custom.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="../assets/plugins/jquery/jquery-2.1.4.min.js"></script>


</head>
<body>
<main class="page-content content-wrap">
    <div class="navbar">
        <div class="navbar-inner">
            <div class="sidebar-pusher">
                <a class="waves-effect waves-button waves-classic push-sidebar" href="javascript:void(0);">
                    <i class="fa fa-bars"></i>
                </a>
            </div>
            <div class="logo-box">
                <a class="logo-text" href="index.html"><span></span></a>
            </div><!-- Logo Box -->
            <div class="search-button">
                <a class="waves-effect waves-button waves-classic show-search" href="javascript:void(0);"><i class="fa fa-search"></i></a>
            </div>
            <div class="topmenu-outer">
                <div class="top-menu">

                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a class="waves-effect waves-button waves-classic show-search" href="javascript:void(0);"><i class="fa fa-search"></i></a>
                        </li>

                        <li class="dropdown">
                            <a data-toggle="dropdown" class="dropdown-toggle waves-effect waves-button waves-classic" href="#">
                                <span class="user-name">用户名</span>
                                <img width="40" height="40" alt="" src="assets/images/avatar1.png" class="img-circle avatar">
                            </a>

                        </li>
                        <li>
                            <a class="log-out waves-effect waves-button waves-classic" href="/auth/logout">
                                <span><i class="fa fa-sign-out m-r-xs"></i>Log out</span>
                            </a>
                        </li>

                    </ul><!-- Nav -->
                </div><!-- Top Menu -->
            </div>
        </div>
    </div><!-- Navbar -->
    <div class="page-sidebar sidebar">
        <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 100%;"><div class="page-sidebar-inner slimscroll" style="overflow: hidden; width: auto; height: 100%;">

            <ul class="menu accordion-menu">
                <li ><a class="waves-effect waves-button" href="/main-page"><span class="menu-icon glyphicon glyphicon-home"></span><p>首页</p></a></li>
                <li class="droplink active open"><a class="waves-effect waves-button" href="/user/management"><span class="menu-icon glyphicon glyphicon-user"></span><p>人员汇总</p><span class="arrow"></span></a>
                    <ul class="sub-menu" style="display: block;">
                        <li class="active"><a href="/user/management">人员汇总</a></li>
                        <li ><a href="/user/add">新增人员</a></li>
                    </ul>
                </li>
                <li class="droplink">
                    <a class="waves-effect waves-button" href="/user/emailgroup">
                        <span class="menu-icon glyphicon glyphicon-envelope"></span><p>邮件</p><span class="arrow"></span></a>
                    <ul class="sub-menu" style="display: none;">
                        <li><a href="">全部邮件组</a></li>
                        <li><a href="">新建邮件组</a></li>
                    </ul>
                </li>

            </ul>
        </div><div class="slimScrollBar" style="background: rgb(204, 204, 204) none repeat scroll 0% 0%; width: 7px; position: absolute; top: 0px; opacity: 0.3; display: none; border-radius: 0px; z-index: 99; right: 0px; height: 1088px;"></div><div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 0px; background: rgb(51, 51, 51) none repeat scroll 0% 0%; opacity: 0.2; z-index: 90; right: 0px;"></div></div><!-- Page Sidebar Inner -->
    </div><!-- Page Sidebar -->
    <div class="page-inner" style="min-height:1088px !important">

        <div id="main-wrapper">
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-white">
                        <div class="panel-heading clearfix">
                            <h4 class="panel-title">人员信息</h4>
                        </div>
                        <div class="panel-body">
                            <div class="table-responsive">

                                    <div class="dataTables_length float_left">
                                        <a class="btn btn-info btn-addon m-b-sm" type="" href="/user/add"><i class="fa fa-plus"></i> 新增人员</a>
                                    </div>
                                    <div class="dataTables_filter float_right"><label>查找:<input type="search" class="" placeholder="" aria-controls="example"></label></div>

                                <form>
                                <table class="table">
                                    <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>登陆id</th>
                                        <th>密码</th>
                                        <th>姓名</th>
                                        <th>邮箱</th>
                                        <th>电话</th>
                                        <th>角色</th>
                                        <th>状态</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody sid="user-list">
                                    </tbody>
                                </table>
                                </form>
                                <div class="dataTables_paginate paging_simple_numbers" >
                                    <a class="paginate_button previous disabled" aria-controls="example-editable" data-dt-idx="0" tabindex="0" id="example-editable_previous">上一页</a>
                                    <span><a class="paginate_button current" aria-controls="example-editable" data-dt-idx="1" tabindex="0">1</a>
                                        <a class="paginate_button " aria-controls="example-editable" data-dt-idx="2" tabindex="0">2</a>
                                        <a class="paginate_button " aria-controls="example-editable" data-dt-idx="3" tabindex="0">3</a>
                                        <a class="paginate_button " aria-controls="example-editable" data-dt-idx="4" tabindex="0">4</a>
                                        <a class="paginate_button " aria-controls="example-editable" data-dt-idx="5" tabindex="0">5</a>
                                        <a class="paginate_button " aria-controls="example-editable" data-dt-idx="6" tabindex="0">6</a>
                                    </span>
                                    <a class="paginate_button next" aria-controls="example-editable" data-dt-idx="7" tabindex="0" id="example-editable_next">下一页</a></div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div><!-- Main Wrapper -->

    </div><!-- Page Inner -->
</main>
<!-- template start-->
<div id="temp-note" style="display: none">
    <i class="icon-note "></i>
</div>
<div id="temp-trash" style="display: none">
    <i class="icon-trash"></i>
</div>
<div id="temp-key" style="display: none">
    <i class="icon-key"></i>
</div>
<div id="temp-lock" style="display: none">
    <i class="icon-lock"></i>
</div>
<div id="temp-op-btn" style="display: none">
    <button class="btn btn-default btn-rounded" type="button"></button>
</div>
<!-- template end -->
<!-- 模态框 start-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">修改信息</h4>
            </div>
            <div class="modal-body">
                <div class="panel-body">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="m-loginId">登陆Id</label>
                            <div class="col-sm-6">
                                <input type="hidden" id="m-userId"/>
                                <input type="text" id="m-loginId" placeholder="登陆Id"  class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="m-pass">密码</label>
                            <div class="col-sm-6">
                                <input type="password" id="m-pass" placeholder="密码"  class="form-control">
                                <p class="help-block">至少6位</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="m-name">姓名</label>
                            <div class="col-sm-6">
                                <input type="text" id="m-name" placeholder="姓名"  class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="m-email">Email</label>
                            <div class="col-sm-6">
                                <input type="email" placeholder="Email" id="m-email" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="m-phone">电话</label>
                            <div class="col-sm-6">
                                <input type="text" id="m-phone" placeholder="电话"  class="form-control">

                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">权限</label>
                            <div class="col-sm-6">
                                <select class="form-control m-b-sm" id="m-role">
                                    <option value="2">管理员</option>
                                    <option value="1">超级管理员</option>
                                </select>

                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" onclick="submitUpdate()">Save changes</button>
            </div>
        </div>
    </div>
</div>
<!-- 模态框 end-->
</body>
<script type="text/javascript" src="../assets/plugins/bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="../assets/js/employee-list.js"></script>
</html>